/**
 * Shopware 5
 * Copyright (c) shopware AG
 *
 * According to our dual licensing model, this program can be used either
 * under the terms of the GNU Affero General Public License, version 3,
 * or under a proprietary license.
 *
 * The texts of the GNU Affero General Public License with an additional
 * permission and of our proprietary license can be found at and
 * in the LICENSE file you have received along with this program.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * "Shopware" is a registered trademark of shopware AG.
 * The licensing of the program under the AGPLv3 does not imply a
 * trademark license. Therefore any rights, title and interest in
 * our trademarks remain entirely with us.
 *
 * @category   Shopware
 * @package    Shopware_Styling
 * @subpackage Article Drag and Drop
 * @version    $Id$
 * @author shopware AG
 */
.#{$prefix}article-dd {
    overflow: visible;
    z-index: 11 !important;

    & > div {
        position: relative;
        cursor: pointer;

        &:hover {
            .icon-close { display: block }
            .desc {
                color: #fff;
                background: #3875d7;
            }
        }
    }

    .icon-close {
        width: 30px;
        height: 30px;
        display: none;
        background: theme-image($theme, 'closer.png') no-repeat;
        cursor: pointer;
        position: absolute;
        top: -15px;
        left: -15px;
    }

    .outer-icon {
        .inner-icon {
            position: relative;
            @include box-sizing(content-box);
            @include single-box-shadow(rgba(0, 0, 0, 0.35), 0, 0, 3px);
            @include border-radius(2px);
            padding: 3px;
            border: 1px solid #7c7c7c;
            border-top-color: #a9a9a9;
            background: #fff;
            width: 64px; height: 64px;
            margin: 0 auto;
        }
    }
    .icon {
        @include box-sizing(content-box);
        width: 64px; height: 64px;
        background: url("http://placehold.it/64x64/2F84C1/ffffff") no-repeat;
        display: block;
        text-indent: -9999em;
        background-size: 64px 64px;

    }
    .desc {
        @include border-radius(12px);
        display: block;
        margin: 3px 0 0;
        text-align: center;
        font-size: 11px;
        padding: 1px 8px;
    }
}
